<!DOCTYPE html> 
<html lang="en">
  <head>
    <title>Minesweeper</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <link href="/static/minesweeper.css" rel="stylesheet" type="text/css">
    <style>

    </style>
  <body>
    <form action="/">
       Enter your username: <input type="text" name="username">
       <input type="submit">
    </form><br>
    <form action="/game.html?level={{level}}" method="post">
    <input type="hidden" name="level" value= {{level}} > 
    <input type="hidden" name="gamekey" value= {{gamekey}} > 
    {% for rows in usrMap %}<p>
      {% for position in rows %}
        <td>
          <button name="cell" value="{{forloop.counter}},{{ forloop.parentloop.counter}}" type="submit" class="button"> {{forloop.counter}} {{ forloop.parentloop.counter}} 
          {{position}} 
          </button>
        </td>
      {% endfor %}</p>
    {% endfor %}
    
    </form>
  </section>
  </body> 
</html>

